<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--框架必需start-->
<script type="text/javascript" src="../js/jquery-1.4.js"></script>
<script type="text/javascript" src="../js/framework.js"></script>
<link href="../css/import_basic.css" rel="stylesheet" type="text/css"/>
<link  rel="stylesheet" type="text/css" id="skin"/>
<!--框架必需end-->

<script type="text/javascript" src="../js/nav/ddaccordion.js"></script>
<script type="text/javascript" src="../js/text/text-overflow.js"></script>
<style>
a {
	behavior:url(../js/method/focus.htc)
}
.categoryitems span{
	width:160px;
}
</style>

<body leftFrame="true">
<div id="scrollContent">
<div class="arrowlistmenu">
<div class="menuheader expandable"><span class="normal_icon1"></span>初始页样式模板</div>
<ul class="categoryitems">
<li><a href="../templete/example2-1.html" target="frmright"><span class="text_slice">图标导航</span></a></li>
<li><a href="../templete/example2-2.html" target="frmright"><span class="text_slice">盒子模型</span></a></li>
</ul>

<div class="menuheader expandable"><span class="normal_icon2"></span>表格综合模板</div>
<ul class="categoryitems">
<li><a href="../templete/example3-1.html" target="frmright"><span class="text_slice">含盒子模型</span></a></li>
<li><a href="../templete/example3-2.html" target="frmright"><span class="text_slice">含图标工具栏</span></a></li>
<li><a href="../templete/example3-3.html" target="frmright"><span class="text_slice">含迷你型图标工具栏</span></a></li>
<li><a href="../templete/example3-4.html" target="frmright"><span class="text_slice">表头固定</span></a></li>
</ul>

<div class="menuheader expandable"><span class="normal_icon3"></span>表单综合模板</div>
<ul class="categoryitems">
<li><a href="../templete/example4-1.html" target="frmright"><span class="text_slice">单列</span></a></li>
<li><a href="../templete/example4-2.html" target="frmright"><span class="text_slice">双列</span></a></li>
<li><a href="../templete/example4-3.html" target="frmright"><span class="text_slice">分组</span></a></li>
<li><a href="../templete/example4-4.html" target="frmright"><span class="text_slice">表单验证</span></a></li>
<li><a href="../templete/example4-5.html" target="frmright"><span class="text_slice">复杂表单</span></a></li>
<li><a href="../templete/example4-6.html" target="frmright"><span class="text_slice">表单拆分</span></a></li>
</ul>

<div class="menuheader expandable"><span class="normal_icon4"></span>图片模板</div>
<ul class="categoryitems">
<li><a href="../templete/example5-1.html" target="frmright"><span class="text_slice">图片列表综合模板</span></a></li>
</ul>

<div class="menuheader expandable"><span class="normal_icon5"></span>多层级嵌套模板</div>
<ul class="categoryitems">
<li><a href="../templete/example6-1.html" target="frmright"><span class="text_slice">横向导航</span></a></li>
<li><a href="../templete/example6-2.html" target="frmright"><span class="text_slice">纵向导航</span></a></li>
<li><a href="../templete/example6-3.html" target="frmright"><span class="text_slice">综合布局</span></a></li>
</ul>

<div class="menuheader expandable"><span class="normal_icon6"></span>图表模板</div>
<ul class="categoryitems">
<li><a href="../templete/example7-1.html" target="frmright"><span class="text_slice">简单图表</span></a></li>
<li><a href="../templete/example7-2.html" target="frmright"><span class="text_slice">复杂图表</span></a></li>
<li><a href="../templete/example7-3.html" target="frmright"><span class="text_slice">另类图表</span></a></li>
</ul>

<div class="menuheader expandable"><span class="normal_icon7"></span>其他</div>
<ul class="categoryitems">
<li><a href="../templete/example8-1.html" target="frmright"><span class="text_slice">日程安排</span></a></li>
</ul>

<div class="menuheader expandable"><span class="normal_icon8"></span>四级导航示例</div>
<ul class="categoryitems">
<li><a><span>第二级1</span></a>
	<ul>
		<li><a><span>第三极1</span></a>
			<ul>
				<li><a href="javascript:;"><span>第四级1</span></a></li>
				<li><a href="javascript:;"><span>第四级2</span></a></li>
			</ul>
		</li>
		<li><a href="javascript:;"><span>第三极2</span></a></li>
		<li><a href="javascript:;"><span>第三极3</span></a></li>
	</ul>
</li>
<li><a href="javascript:;"><span>第二级2</span></a>
	<ul>
		<li><a href="javascript:;"><span>第三极4</span></a></li>
		<li><a href="javascript:;"><span>第三极5</span></a></li>
		<li><a href="javascript:;"><span>第三极6</span></a></li>
	</ul>
</li>
<li><a href="javascript:;"><span>第二级3</span></a></li>
</ul>

<div class="menuheader expandable"><span class="normal_icon9"></span>基本模板</div>
<ul class="categoryitems">
<li><a href="../templete/templete_right.html" target="frmright"><span class="text_slice">基本右侧内页模板</span></a></li>
<li><a href="../templete/templete_right2.html" target="frmright"><span class="text_slice">上下固定的右侧内页模板</span></a></li>
<li><a href="../templete/example1-1.html" target="frmright"><span class="text_slice">弹出窗口内页模板</span></a></li>
</ul>
</div>				
</body>
</html>